// src/templates/article.js
// import { graphql } from 'gatsby'
import React from 'react'

export default function Article ({data}) {
    return <div>
        {/* <p>{ data.markdownRemark.frontmatter.title }</p>
        <p>{ data.markdownRemark.frontmatter.date }</p>
        <div dangerouslySetInnerHTML={{__html: data.markdownRemark.html}}></div> */}
    </div>
}

// 查询数据层数据 $slug 参数会使用从创建页面时传递过来的 context 对象中的 slug 作为参数查询
// 再将查询数据传递到 Article 组件的 props.data 中
// export const query = graphql`
//   query ($slug: String) {
//     markdownRemark(fields: {slug: {eq: $slug}}) {
//       html
//       frontmatter {
//         date
//         title
//       }
//       id
//     }
//   }
// `